'use strict'

define(['jquery', 'echarts'], function ($, echarts) {
  return {
    init: function (data) {
      
      this.scoreTotals = data.scoreTotals ? data.scoreTotals.split(',') : [];
      this.appraisalNames = data.appraisalNames ? data.appraisalNames.split(',') : [];
      
      this.initChart();
      
    },

    initChart: function () {
      
      var that = this;
      
      // 基于准备好的dom，初始化echarts实例
      var myChart = echarts.init(document.getElementById('main'));

      // 指定图表的配置项和数据
      var option = {
          title: {
              text: '近18个月考核总分折线图'
          },
          tooltip: {
              trigger: 'axis'
          },
          legend: {
              data:['评价分']
          },
          xAxis: {
              data: that.appraisalNames,
              axisLabel: {
                  interval: 0,
                  formatter:function(value)
                  {
                      var ret = "";//拼接加\n返回的类目项
                      var maxLength = 10;//每项显示文字个数
                      var valLength = value.length;//X轴类目项的文字个数
                      var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
                      if (rowN > 1)//如果类目项的文字大于3,
                      {
                          for (var i = 0; i < rowN; i++) {
                              var temp = "";//每次截取的字符串
                              var start = i * maxLength;//开始截取的位置
                              var end = start + maxLength;//结束截取的位置
                              //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
                              temp = value.substring(start, end) + "\n";
                              ret += temp; //凭借最终的字符串
                          }
                          return ret;
                      }
                      else {
                          return value;
                      }
                  }
              }
          },
          yAxis: {},
          series: [{
              name: '评价分',
              type: 'line',
              smooth: true,
              symbolSize: 8,
              data: that.scoreTotals
          }]
      };

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
    }
    
  }
})